<!--created by han.wen@dhc.com.cn-->
<ion-view view-title="图片过滤器">
  <ion-content>
    <div class="padding">
      <p class="indent">图片过滤器有两个功能。</p>

      <p class="indent">1.对图片的相对路径转换为绝对路径进行显示。</p>

      <p class="indent">2.当图片信息取不到时，用默认图片代替。</p>
      <div class="border padding-10 text-align-c">
        <div class="padding-bottom-10">例子：取到的图片为百度图片logo</div>
        <img ng-src="{{imgUrl.realUrl|ImageFilter}}" alt="百度logo" class="width-60"/>
      </div>
      <div class="border padding-10 margin-top-bottom-10 text-align-c">
        <div class="padding-bottom-10">取到的图片地址为空，显示默认图片</div>
        <img ng-src="{{imgUrl.emptyUrl|ImageFilter}}" alt="空图片"/>
      </div>
      <code>关键代码：ng-src="/{/{expression|ImageFilter/}/}"</code>
    </div>
  </ion-content>
</ion-view>
